<template>
	<div class="vipIndex">
		<el-container>
			<el-aside width="200px">
				<el-menu :router="true">
					<el-submenu index="1">
						<template slot="title">vue全demo</template>
						<el-menu-item-group>
							<el-menu-item :index="'/'">同/子级增删改查</el-menu-item>
						</el-menu-item-group>
					</el-submenu>
				</el-menu>
			</el-aside>
			<el-main>
				<router-view></router-view>
			</el-main>
		</el-container>
	</div>
</template>

<script>

export default {
	data() {
		return {};
	},
	mounted() {},
	methods: {},
};
</script>
<style lang="less" scoped>
.el-header,
.el-aside,
.el-main,
.el-footer {
	padding: 0;
}
.el-container {
	width: 100%;
	height: 100vh;
}
.el-main {
	overflow: hidden;
	width: calc(100vw - 200px);
}
</style>
